<template>
	<view id="ProjectBox">
		<!-- 头部图片 -->
		<view class="firstImg" style="width:100%">
			<image src="../../static/images/banner@3x.png" mode=""></image>
		</view>
		<!-- 项目跳转 -->
		<view class="secNavWithUserInfo" style="width:100%">
			<!-- 用户信息 -->
			<view class="userInfo">
				<view class="leftHeader">
					<img v-if="avatarUrl" :src="avatarUrl" alt="" />
					<img v-else src="../../static/images/herderlogo.jpeg" alt="" />
				</view>
				<view class="rightInfo">
					<view class="userName">{{ indexInfoData.memberinfo.nickname }}</view>
					<view class="userPosition">
						<span style="margin-right: 10rpx;" v-if="indexInfoData.department_name">
							{{ indexInfoData.department_name }}
						</span>
						<span>{{ callsTitle }}</span>
					</view>
					<view class="motto" v-if="indexInfoData.memberinfo.motto">
						{{ indexInfoData.memberinfo.motto }}
					</view>
				</view>
			</view>
			<view class="projectTodo">
				<view class="projectTodoLi" @click="goProjectListType('ongoing')">
					<view class="projectTodoLiTitle">正在进行的项目</view>
					<view style="color: #30AD5F;" class="num">
						{{ indexInfoData.count_list[0] }}
					</view>
				</view>
				<view class="projectTodoLi" @click="goProjectListType('upcoming')">
					<view class="projectTodoLiTitle">我的待办项目</view>
					<view style="color: #0EA3E8;" class="num">
						{{ indexInfoData.count_list[1] }}
					</view>
				</view>
				<view class="projectTodoLi" @click="goProjectListType('participate')">
					<view class="projectTodoLiTitle">我参与的项目</view>
					<view style="color: #CE73DC;" class="num">
						{{ indexInfoData.count_list[2] }}
					</view>
				</view>
				<view class="projectTodoLi" @click="goProjectListType('responsible')">
					<view class="projectTodoLiTitle">我负责的项目</view>
					<view style="color: #F55F5F;" class="num">
						{{ indexInfoData.count_list[3] }}
					</view>
				</view>
			</view>
		</view>
		<!-- 系统公告adn相关项目 -->
		<view class="projectList">
			<view class="tabsTitle">
				<view
					:class="currentProject == 1 ? 'currentTabsForProject' : ''"
					@click="tabsForProectClick(1)"
					class="styem"
				>
					系统公告
				</view>
				<view
					:class="currentProject == 2 ? 'currentTabsForProject' : ''"
					@click="tabsForProectClick(2)"
					class="project"
				>
					相关项目
				</view>
			</view>
			<view class="tabsContainer system_box" v-if="currentProject == 1">
				<view
					v-for="item in systemListShow"
					@click="open(item)"
					:key="item.id"
					class="systemItem"
				>
					{{ item.title }}
				</view>
				<uni-load-more
					:status="status"
					@clickLoadMore="handleClickMore"
					:icon-size="14"
					:content-text="contentText"
					v-if="systemListShow.length > 0"
				/>
				<!-- <view @click="goMoreMessage" style="margin: 20rpx 0; text-align: center;color: #999;font-size: 24rpx;">查看更多</view> -->
			</view>
			<view class="tabsContainer project_box" v-if="currentProject == 2">
				<view
					v-for="item in projectListShow"
					:key="item.project_id"
					class="projectItem"
					@click="goProjectDetails(item)"
				>
					<view class="left">
						<view class="title">
							{{
								item.company_name.length > 13
									? item.company_name.slice(0, 13) + '...'
									: item.company_name
							}}
						</view>
						<view class="title">
							{{
								item.project_name == null
									? '项目还未命名'
									: item.project_name.length > 13
									? item.project_name.slice(0, 13) + '...'
									: item.project_name
							}}
						</view>
					</view>
					<view class="right">
						<view class="username">{{ item.project_status_show }}</view>
					</view>
				</view>
				<!-- <uni-load-more :status="status2" @clickLoadMore="handleClickMore2" :icon-size="14"
					:content-text="contentText" v-if="projectListShow.length > 0" /> -->
				<view
					@click="goMoreProject"
					style="margin: 20rpx 0; text-align: center;color: #999;font-size: 24rpx;"
				>
					查看更多
				</view>
			</view>
		</view>

		<!-- 项目按钮 -->
		<project-add v-if="isAddShow"></project-add>

		<uni-popup ref="popup" type="dialog" :mask-click="true">
			<view class="noticDetails">
				<view class="closeIcon" @click="close">
					<image
						style="width:52rpx;height: 52rpx;"
						src="../../static/images/Close_icon@2x.png"
					></image>
				</view>
				<view class="noticeTitle">{{ messageInfo.title }}</view>
				<view class="usernameAndTime">
					<view class="dateTime">{{ '发布时间: ' + messageInfo.show_time }}</view>
					<view class="username">
						<span>发布人：</span>
						<span>{{ messageInfo.membername }}</span>
					</view>
				</view>
				<scroll-view
					style="width: 100%;max-height: 700rpx; height: auto;margin-top: 15rpx;"
					scroll-y="true"
				>
					<view class="noticeInfo">
						<u-parse :content="messageInfo.content"></u-parse>
					</view>
				</scroll-view>
			</view>
		</uni-popup>

		<!-- 未结清项目弹窗 -->
		<uni-popup ref="reminder_popup" type="dialog" :mask-click="true">
			<view class="rpop_body">
				<view class="title">未结清项目提醒</view>

				<scroll-view scroll-y="true" style="" class="rpop_content">
					<view
						v-for="item in indexInfoData.reminder_list"
						class="item"
						@click="checkProject(item)"
					>
						{{ item.company_name }}
					</view>
				</scroll-view>
				<view class="rpop_bottom">
					<view class="left" @click="isReminder()">我已了解</view>
					<view class="right" @click="reminderClose()">暂时关闭</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
import ProjectAdd from '@/components/project-add.vue';
import popup from '@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue'
export default {
	components: {
		ProjectAdd,
		popup
	},
	data() {
		return {
			rich_text: '',

			isAddShow: true,
			avatarUrl: '',
			token: '',
			member_id: '',
			company_id: '',
			indexInfoData: {
				is_entry:0,
				memberinfo: {
					nickname: ''
				},
				count_list: [0,0,0,0,0,0]
			},
			callsTitle: '',
			isOpen: false,
			dialogVisible: true,
			// 加载更多
			reload: false,
			status: 'more',
			status2: 'more',
			contentText: {
				contentdown: '查看更多',
				contentrefresh: '加载中',
				contentnomore: '没有更多数据了'
			},
			// 加载更多
			currentProject: 1,
			items: ['系统公告', '相关项目'],
			systemList: [],
			systemListShow: [],
			projectList: [],
			projectListShow: [{
				company_name: '',
				project_name: '',
				project_status_show: ''
			}],
			totalCount: 20,
			pageNum1: 0,
			pageNum2: 0,
			messageInfo: {
				title: '',
				show_time: '',
				membername: '',
				content: ''
			},
			projectTypeList: [],
			isTypeListShow: false,
			cache_department_id: '',
			isPunchShowType: '',
			isPunchType: '',
			
			entry_modal_show:true,//入职提醒弹窗是否展示
		};
	},

	async onLoad() {
		this.token = uni.getStorageSync('btlh_process_token') || ''
		this.member_id = uni.getStorageSync('btlh_process_member_id') || ''
		this.company_id = uni.getStorageSync('bthl_process_LoginCompanyId') || ''
		// this.getIndexInfo();
		// this.getProjectTypeList();
	},

	onShow() {
		this.token = uni.getStorageSync('btlh_process_token') || ''
		this.member_id = uni.getStorageSync('btlh_process_member_id') || ''
		this.company_id = uni.getStorageSync('bthl_process_LoginCompanyId') || ''
		this.cache_department_id = uni.getStorageSync('cache_department_id') || '';
		this.isAddShow = true
		this.getIndexInfo();
		this.getProjectTypeList();
		this.getPunchDetais();
	},

	onHide() {
		this.isAddShow = false
	},

	methods: {
		tabRich(){
			console.log(this.messageInfo)
		},
		// 查看项目
		checkProject(item){
			uni.navigateTo({
				url:'/packageProject/pages/project/projectRegist?project_id='+item.project_id
			})
		},

		// 未结清项目弹窗点击我已了解
		async isReminder() {
			const {
				data: res
			} = await this.$myRequest({
				url: 'Index/is_reminder',
				method: 'GET',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id,
				}
			});
			if (res.code != 200)
				return uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
				this.$refs.reminder_popup.close();
		},

		goMoreMessage() {},
		goMoreProject() {
			uni.navigateTo({
				url: `/packageProject/pages/project/projectManagement`
			});
		},
		goProjectListType(val) {
			if (val == 'upcoming') {
				return uni.switchTab({
					url: '../index/message'
				})
			}

			uni.navigateTo({
				url: `/packageProject/pages/project/projectManagement?type=${val}`
			});
		},
		// 获取打卡信息
		async getPunchDetais() {
			const {
				data: res
			} = await this.$myRequest({
				url: 'ClockIn/is_remind',
				method: 'POST',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id,
					cache_department_id: this.cache_department_id,
					// time:'2021-10-18 8:20:20'
				}
			});
			if (res.code != 200)
				return uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
			console.log(res)
			// 判断是不是不需打卡人员
			if (res.datas.is_out_user == 1) return
			this.isPunchType = res.datas.type
			if (res.datas.type == '1') {
				this.isPunchShowType = '上班'
			} else if (res.datas.type == '2') {
				this.isPunchShowType = '下班'
			}
			if (res.datas.is_show == '1') {
				uni.showModal({
					title: `${this.isPunchShowType}时间到了~`,
					// content: '',
					cancelText: "取消",
					confirmText: "去打卡",
					success: async res => {
						if (res.confirm) {
							this.$myRequest({
								url: 'ClockIn/is_remind_record',
								method: 'POST',
								data: {
									member_id: this.member_id,
									token: this.token,
									company_id: this.company_id,
									type: this.isPunchType,
								}
							}).then(res => {
								if (res.data.code != 200)
									return uni.showToast({
										title: res.data.datas.msg,
										icon: 'none'
									});
								uni.navigateTo({
									url: `/packageAdmin/pages/punchCard/punchPage`
								});
							})
						} else if (res.cancel) {
							this.$myRequest({
								url: 'ClockIn/is_remind_record',
								method: 'POST',
								data: {
									member_id: this.member_id,
									token: this.token,
									company_id: this.company_id,
									type: this.isPunchType,
								}
							}).then(res => {
								if (res.data.code != 200)
									return uni.showToast({
										title: res.data.datas.msg,
										icon: 'none'
									});
							})
						}
					}
				});
			}

		},
		// 获取项目类型
		async getProjectTypeList() {
			const {
				data: res
			} = await this.$myRequest({
				url: 'Project/project_type',
				method: 'POST',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id,
					cache_department_id: this.cache_department_id,
				}
			});
			if (res.code != 200)
				return uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
			this.projectTypeList = res.datas.listInfo;
			console.log('项目类型', this.projectTypeList);
		},
		// 获取首页信息
		async getIndexInfo() {
			const {
				data: res
			} = await this.$myRequest({
				url: 'Index/overview',
				method: 'POST',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id,
					cache_department_id: this.cache_department_id,
				}
			});
			if (res.code != 200)
				return uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
			this.indexInfoData = res.datas;

			// 判断是否弹出未结清项目弹窗
			if (this.indexInfoData.is_reminder == 1) {
				this.$refs.reminder_popup.open();
			}

			this.avatarUrl = res.datas.memberinfo.avatar;
			if (this.indexInfoData.call.length > 0) {
				this.callsTitle = this.indexInfoData.call.join('/');
			}
			this.systemList = res.datas.notice_list;
			this.systemListShow = this.systemList.slice(0, 5);
			this.projectList = res.datas.mproject_list;
			this.projectListShow = this.projectList.slice(0, 5);
			
			if(this.indexInfoData.is_entry == 0 && this.entry_modal_show){
				this.entry_modal_show = false;
				uni.showModal({
					title:'提示',
					content:'请填写入职信息!',
					success: function (res) {
						
					        if (res.confirm) {
					            console.log('用户点击确定');
								uni.navigateTo({
									url:'/pakageMessage/pages/message/entryFile'
								})
					        } else if (res.cancel) {
					            console.log('用户点击取消');
					        }
							
					    }
				})
			}
			
			console.log('首页信息', this.indexInfoData);
			console.log('this.systemListShow', this.systemListShow);
			console.log('this.systemList', this.systemList);
		},
		open(item) {
			this.messageInfo = item;
			// console.log(this.messageInfo.content)
			this.messageInfo.content = this.messageInfo.content.replace(/\<img/g,'<img style="width:100%;height:auto;display:block"');
			
			uni.navigateTo({
				// url: `/pakageMessage/pages/message/messageDetails?content=${this.messageInfo.content}&title=${this.messageInfo.title}&membername=${this.messageInfo.membername}&show_time=${this.messageInfo.show_time}`
				url: `/pakageMessage/pages/message/messageDetails?id=${item.id}`
			});
			// this.messageInfo.content = this.messageInfo.content.replace(/\<img/g,'<img style="max-width:80vw;height:auto;display:block"');
			return                         
			// return console.log(this.messageInfo.content )
			// res.content -content
			this.$refs.popup.open();
		},
		// 关闭未结清项目弹窗
		reminderClose() {
			this.$refs.reminder_popup.close();
		},
		// 点击取消按钮触发
		close() {
			// TODO 做一些其他的事情，before-close 为true的情况下，手动执行 close 才会关闭对话框
			// ...
			this.$refs.popup.close();
		},

		// tabs点击事件
		tabsForProectClick(val) {
			this.currentProject = val;
		},
		// 请求数据
		getMonthTask() {
			let num = 5 + this.pageNum1 * 5;
			// if (num > this.systemList.length) {
			// 	this.status ='nomore'
			// }
			this.systemListShow = this.systemList.slice(0, num);
			console.log('this.systemListShow', this.systemListShow);
			console.log('this.num', num);
			// this.systemList.push('1')
		},
		getMonthTask2() {
			let num = 5 + this.pageNum2 * 5;
			// if (num > this.projectList.length) {
			// 	num = this.projectList.length - 1
			// }
			this.projectListShow = this.projectList.slice(0, num);
			console.log('this.projectListShow', this.projectListShow);
			// this.projectList.push('1')
		},
		// 监听下拉到底部事件(备用)
		// onReachBottom() {
		// 		if (this.totalCount > this.systemList.length) {
		// 				this.status = 'loading';
		// 				setTimeout(() => {
		// 						this.pageNum++
		// 						this.getMonthTask();//执行的方法
		// 				}, 1000)//这里我是延迟一秒在加载方法有个loading效果，如果接口请求慢的话可以去掉
		// 		} else { //停止加载
		// 				this.status = 'noMore'
		// 		}
		// },
		// 点击加载更多
		handleClickMore() {
			// if (this.totalCount > this.systemList.length) {
			// 	this.status = 'loading';
			// 	this.pageNum1++
			// 	this.getMonthTask(); //执行的方法
			// 	this.status = 'more';
			// } else { //停止加载
			// 	this.status = 'noMore'
			// }
			if (this.systemListShow.length < this.systemList.length) {
				console.log(this.systemListShow.length);
				console.log(this.systemList.length);
				this.status = 'loading';
				this.pageNum1++;
				this.getMonthTask(); //执行的方法
				this.status = 'more';
			} else {
				//停止加载
				this.status = 'noMore';
			}
		},
		handleClickMore2() {
			if (this.projectListShow.length < this.projectList.length) {
				this.status2 = 'loading';
				this.pageNum2++;
				this.getMonthTask2(); //执行的方法
				this.status2 = 'more';
			} else {
				//停止加载
				this.status2 = 'noMore';
			}
		},
		// 查看项目详情
		goProjectDetails(item) {

			console.log(this.projectListShow);
			console.log(item);
			// 查看项目编码
			this.$myRequest({
				url: 'Project/get_project_status',
				method: 'POST',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id,
					project_id: item.project_id,
					cache_department_id: this.cache_department_id,
				}
			}).then(res => {
				if (res.data.code != 200)
					return uni.showToast({
						title: res.data.datas.msg,
						icon: 'none'
					});
				const projectStadusCode = res.data.datas.project_status;
				console.log('项目编码', projectStadusCode);
				switch (projectStadusCode) {
					case '11':
						// 项目登记
						uni.navigateTo({
							url: `/packageProject/pages/project/projectRegist?project_id=${item.project_id}`
						});
						break;
					case '12':
						// 项目分配
						uni.navigateTo({
							url: `/packageProject/pages/project/projectAllocation?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '13':
						// 风险分析
						uni.navigateTo({
							url: `/packageProject/pages/project/riskAssessment?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '14':
						// 项目组任命书
						uni.navigateTo({
							url: `/packageProject/pages/project/projectAppoint?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '15':
						// 工作计划
						uni.navigateTo({
							url: `/packageProject/pages/project/projectPlan?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;

					case '21':
						// 现场勘查记录
						uni.navigateTo({
							url: `/packageProject/pages/project/fieldSurvey/projectProspect?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '22':
						// 整改通知单
						uni.navigateTo({
							url: `/packageProject/pages/project/fieldSurvey/informNotice?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '23':
						// 整改复查记录表
						uni.navigateTo({
							url: `/packageProject/pages/project/fieldSurvey/reviewLog?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;

					case '311':
						// 项目内部审核1
						uni.navigateTo({
							url: `/packageProject/pages/project/threeCheck/internalCheck?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '312':
						// 项目内部审核2
						uni.navigateTo({
							url: `/packageProject/pages/project/threeCheck/internalCheck?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '321':
						// 技术负责人审核1
						uni.navigateTo({
							url: `/packageProject/pages/project/threeCheck/reportApprove?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '322':
						// 技术负责人审核2
						uni.navigateTo({
							url: `/packageProject/pages/project/threeCheck/reportApprove?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '323':
						// 过控负责人审核1
						uni.navigateTo({
							url: `/packageProject/pages/project/threeCheck/processPeople?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '324':
						// 过控负责人审核2
						uni.navigateTo({
							url: `/packageProject/pages/project/threeCheck/processPeople?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;

					case '33':
						// 外部审查
						uni.navigateTo({
							url: `/packageProject/pages/project/threeCheck/externalCheck?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;

					case '44':
						// 资质/印章使用申请
						uni.navigateTo({
							url: `/packageProject/pages/project/reportAndSeal/applyForSeal?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;

					case '24':
						// 委托方提供材料清单
						uni.navigateTo({
							url: `/packageProject/pages/project/fieldSurvey/bom?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '51':
						// 存档
						uni.navigateTo({
							url: `/packageProject/pages/project/reportAndSeal/onFlie?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
					case '60':
						// 归档
						uni.navigateTo({
							url: `/packageProject/pages/project/projectRegist?project_id=${
							item.project_id
						}&details_project_status=${item.project_status}`
						});
						break;
				}
			});
		}
	}
};
</script>

<style scoped lang="scss">
#ProjectBox {
	.firstImg {
		image {
			display: block;
			width: 100%;
			height: 300rpx;
		}
	}

	.rpop_body {
		background-color: #fff;
		width: 630rpx;
		border-radius: 20rpx;
		box-sizing: border-box;
		.title {
			display: flex;
			justify-content: center;
			font-family: PingFang SC;
			font-weight: 500;
			color: #40a0f2;
			align-items: center;
			margin-top: 20rpx;
			margin-bottom: 20rpx;
		}
	}
	// 项目结算内容
	.rpop_content {
		width: 100%;
		height: 500rpx;
		.item {
			font-size: 28rpx;
			padding-top: 15rpx;
			padding-bottom: 15rpx;
			border-bottom: 1rpx solid #e5e5e5;
			padding-left: 20rpx;
		}
	}

	// 项目结算底部按钮栏
	.rpop_bottom {
		width: 100%;
		height: 85rpx;
		display: flex;
		flex-direction: row;

		.left {
			width: 50%;
			color: #40a0f2;
			display: flex;
			justify-content: center;
			align-items: center;
			border-top: 1rpx solid #e3e3e3;
			border-right: 1rpx solid #e3e3e3;
		}

		.right {
			width: 50%;
			color: #dd524d;
			display: flex;
			justify-content: center;
			align-items: center;
			border-top: 1rpx solid #e3e3e3;
		}
	}

	// 第二行
	.secNavWithUserInfo {
		width: 100%;
		box-sizing: border-box;
		padding: 24rpx;

		.userInfo {
			width: 100%;
			height: 170rpx;
			background: url(../../static/images/renwubg@3x.png) no-repeat;
			background-size: 100% 100%;
			display: flex;

			.leftHeader {
				display: flex;
				align-items: center;

				img {
					width: 106rpx;
					height: 106rpx;
					border-radius: 50%;
					margin-left: 45rpx;
					margin-right: 30rpx;
				}
			}

			.rightInfo {
				.userName {
					margin-top: 28rpx;
					font-weight: bold;
					font-size: 28rpx;
					color: #128bf1;
				}

				.userPosition {
					font-size: 22rpx;
					color: #666;
				}

				.motto {
					font-size: 20rpx;
					color: #999;
					width: 338rpx;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}

		.projectTodo {
			width: 100%;
			display: flex;
			flex-wrap: wrap;

			.projectTodoLi {
				width: 345rpx;
				height: 130rpx;
				margin-top: 10rpx;

				.projectTodoLiTitle {
					font-size: 26rpx;
					color: #666;
					margin: 20rpx 0 10rpx;
					margin-left: 36rpx;
				}

				.num {
					margin-left: 92rpx;
					font-size: 36rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 45rpx;
				}
			}

			.projectTodoLi:nth-child(odd) {
				margin-right: 10rpx;
			}

			.projectTodoLi:nth-child(1) {
				background: url(../../static/images/jxbg@3x.png) no-repeat;
				background-size: 100% 100%;
			}

			.projectTodoLi:nth-child(2) {
				background: url(../../static/images/dbbg@3x.png) no-repeat;
				background-size: 100% 100%;
			}

			.projectTodoLi:nth-child(3) {
				background: url(../../static/images/cybg@3x.png) no-repeat;
				background-size: 100% 100%;
			}

			.projectTodoLi:nth-child(4) {
				background: url(../../static/images/fzbg@3x.png) no-repeat;
				background-size: 100% 100%;
			}
		}
	}

	// 第三行
	.projectList {
		width: 100%;

		.tabsTitle {
			display: flex;

			view {
				width: 50%;
				height: 96rpx;
				font-size: 30rpx;
				color: #999;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #e7f1fa;
			}

			view:nth-child(1) {
				border-radius: 20px 0 0 0;
			}

			view:nth-child(2) {
				border-radius: 0 20px 0 0;
			}

			.currentTabsForProject {
				color: #fff;
				background-color: #40a0f2;
			}
		}

		.tabsContainer {
			padding: 0 30rpx;
			box-sizing: border-box;
		}

		.system_box {
			.systemItem {
				padding: 30rpx 0;
				font-size: 28rpx;
				border-bottom: 1px solid #efefef;
			}
		}

		.project_box {
			.projectItem {
				padding: 30rpx 0;
				border-bottom: 1px solid #efefef;
				display: flex;
				justify-content: space-between;
				align-items: center;

				.left {
					.title {
						color: #333;
						font-size: 28rpx;
						font-weight: 500;
						margin-bottom: 10rpx;
					}

					.date {
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #999999;
					}
				}

				.right {
					.now {
						font-size: 20rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #999999;
						margin-bottom: 8rpx;
					}

					.username {
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #128bf1;
					}
				}
			}
		}

		// 修改加载更多字体大小
		/deep/.uni-load-more__text.data-v-90d4256a {
			font-size: 22rpx;
			color: #999;
		}
	}

	// 悬浮按钮
	.fabBtn {
		position: fixed;
		z-index: 333;

		right: 20rpx;

		img {
			width: 137rpx;
			height: 137rpx;
		}
	}

	/* #ifdef MP-WEIXIN */
	.fabBtn {
		bottom: 20rpx;
	}

	/* #endif */

	/* #ifdef H5 */
	.fabBtn {
		bottom: 100rpx;
	}

	/* #endif */

	.fabSlide {
		width: 140rpx;
		height: 486rpx;
		background: #efefef;
		// opacity: 0.4;
		border-radius: 65rpx;
		position: fixed;
		right: 15rpx;
		bottom: 180rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 333;

		.sildeBox {
			width: 100%;

			.sildeItem {
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 334;
				font-size: 26rpx;
				color: #fff;
				height: 58rpx;
				width: 100%;
				margin-top: 2rpx;
				background-color: #40a0f2;
				opacity: 1;
				position: relative;

				.rightSlide {
					position: absolute;
					right: 150rpx;
					top: 5rpx;
					width: 170rpx;
					background-color: #edf7ff;
					border-radius: 10rpx;
					font-size: 24rpx;
					color: #666;
					box-sizing: border-box;
					padding: 0 17rpx;

					.rightArrow {
						position: absolute;
						right: -20rpx;
						top: 10rpx;
						border: 10rpx solid rgba(0, 0, 0, 0);
						border-left-color: #edf7ff;
						width: 0;
						height: 0;
					}

					.rightSlideItem {
						height: 60rpx;
						width: 100%;
						display: flex;
						justify-content: center;
						align-items: center;
						// padding-top: 10rpx;
						border-bottom: 1px solid #e3e3e3;
					}

					.rightSlideItem:last-child {
						border-bottom: none;
					}
				}
			}
		}
	}

	/* #ifdef H5 */
	.fabSlide {
		bottom: 260rpx;
	}

	/* #endif */

	.noticeDetails {
		width: 90%;
		margin: 0 auto;
	}

	.mask {
		position: fixed;
		right: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		background-color: #000;
		opacity: 0.5;
		z-index: 222;
	}

	// 弹窗
	.noticDetails {
		background-color: #fff;
		padding: 40rpx 30rpx;
		width: 630rpx;
		height: auto;
		border-radius: 20rpx;
		box-sizing: border-box;
		position: relative;

		.noticeTitle {
			text-align: center;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
		}

		.usernameAndTime {
			margin-top: 20rpx;
			display: flex;
			justify-content: space-between;
			font-size: 22rpx;
			color: #666;

			.username {
				color: #128bf1;
			}
		}

		/deep/.noticeInfo {
			margin-top: 30rpx;
			font-size: 24rpx;
			// width: 285rpx;
			
			color: #666;
		}

		.closeIcon {
			position: absolute;
			top: -70rpx;
			right: 0;
		}
	}
}
</style>
